<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动化</title>
    <style type="text/css">
        h2::before{
               content: "Hello"
        }
    </style>
</head>
<body>
    <div>
        <h2>我要学好自动化</h2>
        <p>我要学好接口自动化</p>
        <p>我要学好ui自动化</p>
    </div>

    <a href="https://www.baidu.com/">点击跳转到百度
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F4k%2Fs%2F02%2F2109242306111155-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661523196&t=7b47f82391161515ac324a9ca33c2999">
    </a>

    <div>
        <iframe src="https://www.taobao.com/" width="800" height="600"></iframe>

    </div>
    <p>水果家族</p>
    <ui>
        <li>苹果</li>
        <li>西瓜</li>
        <li>水蜜桃</li>
        <li>橘子</li>
    </ui>

    <form action="http://httpbin.org/post" method="post">
        <!--用户输入，一般带着name-->
        用户名：<input  name="username" type="text" placeholder="请输入用户名" readonly>
        密码：<input  name="password" type="password" placeholder="请输入密码">

        <div>
        最喜欢的歌手 单选
            <input type="radio" name="favor_singer" value="dengziqi">邓紫棋
            <input type="radio" name="favor_singer" value="chenyixun">陈奕迅
            <input type="radio" name="favor_singer" value="zhoujielun">周杰伦
        </div>

        <div>
        最喜欢的歌手 多选
            <input type="checkbox" name="favor_singer" value="dengziqi">邓紫棋
            <input type="checkbox" name="favor_singer" value="chenyixun">陈奕迅
            <input type="checkbox" name="favor_singer" value="zhoujielun">周杰伦
        </div>

        <div>
            选择头像：<input name="avatar" type="file">
        </div>

        选择你的爱好
        <select>
            <option>运动</option>
            <option>学习</option>
            <option>搞钱</option>
        </select>
        <input type="submit">

    </form>


</body>
</html>
